/**
* ━━━━━━神兽出没━━━━━━
* 　　　┏┓　　　┏┓
* 　　┏┛┻━━━┛┻┓
* 　　┃　　　　　　　┃
* 　　┃　　　━　　　┃
* 　　┃　┳┛　┗┳　┃
* 　　┃　　　　　　　┃
* 　　┃　　　┻　　　┃
* 　　┃　　　　　　　┃
* 　　┗━┓　　　┏━┛
* 　　　　┃　　　┃  神兽保佑
* 　　　　┃　　　┃  代码无bug　　
* 　　　　┃　　　┗━━━┓
* 　　　　┃　　　　　　　┣┓
* 　　　　┃　　　　　　　┏┛
* 　　　　┗┓┓┏━┳┓┏┛
* 　　　　　┃┫┫　┃┫┫
* 　　　　　┗┻┛　┗┻┛
* ━━━━━━感觉萌萌哒━━━━━━
*
* @Title: mixin
* @Package shiqla-music
* @author Administrator
* @date 2018/8/18/018 14:42
* @version V1.0
* @desc
*/

bg-image($url)
  background-image: url($url + "@2x.png")
  @media (-webkit-min-device-pixel-ratio: 3),(-webkit-device-pixel-ratio: 3)
    background-image: url($url + "@3x.png")

np-wrap()
  text-overflow: ellipsis
  overflow: hidden
  white-space: nowrap

extend-click()
  position: relative
  &:before
    content: ''
    position absolute
    top: -10px
    left: -10px
    right: -10px
    bottom: -10px

